<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS Animation 2</title>
  <style>
    #box { position: absolute; left: 50px; width: 80px; height: 80px; background: #0cf; }
    .btn-list { position: absolute; right: 10px; padding: 10px; }
  </style>
</head>
<body>
  <div id="box"></div>
  <div class="btn-list">
      <button class="btn btn-play">播放 Play</button>
      <button class="btn btn-pause">暂停 Pause</button>
      <button class="btn btn-stop">停止 Stop</button>
      <button class="btn btn-toggle">显隐 Toggle</button>
  </div>
  <script src="../src/timeline.js"></script>
  <script src="../src/timeline-gui.js"></script>
  <script src="./js/cssAnim2.js"></script>
</body>
</html>